<template>
	<view class="gift">
		<p>成为会员享好礼</p>
		<view class="card">
			<view>
				<uni-icons type=""></uni-icons>
				<image style="width: 80px;height: 80px;border-radius: 50%;" src="@/static/3c1057233edfdd099112a8b6a8cdd33.png" mode=""></image>
				<!-- <image src="" mode=""></image> -->
			</view>
			<view>
				<p>在西安会员卡</p>
				<p>加入会员享好礼</p>
			</view>
			<view>
				<button type="info" size="mini" @click="goto('/pages/Vip/components/addVip')">免费入会</button>
				<!-- <button>免费入会</button> -->
			</view>
		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				title: 'Hello'
			}
		},
		components:{
		},
		onLoad() {

		},
		methods: {

			goto(url) {
				console.log("按钮被点击了，且传入的参数是：" + url)
				uni.navigateTo({
					url:url
					})
			}
		}
	}
</script>

<style scoped lang="scss">
	.gift{
		width: 95%;
		margin: 10px auto;
		>p{
			font-size: 24px;
		}
		.card{
			margin: 10px auto;
			background-color: #fff;
			border-radius: 5%;
			display: flex;
			flex-wrap: nowrap;
			justify-content: space-around;
			align-items: center;
		}
	}
	li{
		// list-style: none;
	}
</style>